<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <div th:replace="header::common"></div>
  <style>
    .center {
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 3px;
    }
    .pagination {
      display: inline-block;
      padding-left: 0px;
      margin: 0px 0px;
      border-radius: 4px;
    }
    .table {
      width: 100%;
      max-width: 100%;
      margin-bottom: 10px;
      margin-top: 3px;
    }
  </style>
</head>
<body class="center">
<table class="table table-striped table-bordered table-hover table-condensed">
  <tr class="success">
    <td>ID</td>
    <td>客户ID</td>
    <td>客户名称</td>
    <td>服务ID</td>
    <td>服务名称</td>
    <td>金额</td>
    <td>备注</td>
    <td>创建时间</td>
    <td>更新时间</td>

  </tr>
  <tr th:each="recordvo:${recordvo}">
    <td th:text="${recordvo.id}"></td>
    <td th:text="${recordvo.customId}"></td>
    <td th:text="${recordvo.customName}"></td>
    <td th:text="${recordvo.serviceId}"></td>
    <td th:text="${recordvo.serviceName}"></td>
    <td th:text="${recordvo.serviceMoney}"></td>


    <!--<td><a class="btn btn-danger" th:href="|/blog/deleteById?id=${blog.id}|">删除</a ></td>-->

    <td>
      <a class="btn btn-xs btn-success" th:onclick="showRecordContent([[${recordvo.content}]])">备注信息</a >
    </td>

    <td th:text="${#dates.format(recordvo.createTime, 'yyyy-MM-dd hh:mm')}"></td>
    <td th:text="${#dates.format(recordvo.updateTime, 'yyyy-MM-dd hh:mm')}"></td>

  </tr>
</table>

<script>
  function showRecordContent(content) {
    layer.open({
      type: 1,
      area: ['1000px', '450px'],
      content: content
    })
  }
</script>
</body>
</html>